<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>switch</title>
    <link rel="stylesheet" href="../../model/view.css">
</head>
<body>
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <p><a href="#element">< switch ></a></p>
        </li>
        <li>
            <p><a href="#style">类型</a></p>
            <ul id="catalog_style">

            </ul>
        </li>
    </ul>
</div>
<div id="element">
    <h2>switch</h2>
    <div>简介:</div>
    <p>选择按钮</p>
</div>
<div id="style"></div>
<div></div>
<script src="../../js/script_min.js"></script>
<script src="../../model/view.js"></script>
<script>
    let switch1 = new view("switch1");
    switch1.init([
        {style:1,data:[
            {img:"img/switch1.png",code:`< switch  on="img.oval_red.png" >
                <lp>jdfis</lp>
                <limg attr="24">img.alipay.png</limg>
                <on>img.oval_red.png</on>
                <off>img.oval_white.png </off>
            < /switch>`,title:"经典款"},
        ]}, {style:2,data:[
            {img:"img/switch2.png",code:`        <switch style="2" background="#ffffff" id="switch" margin="0"
                num="1" off="img.oval_white.png"
                on="img.oval_red.png" padding="6,0,6,0">
            <item>
                <lp>个人钱包支付</lp>
                <limg attr="24">img.card_1.png</limg>
            </item>
            <item>
                <lp>支付宝支付</lp>
                <limg attr="24">img.alipay.png</limg>
            </item>
            <item>
                <lp>微信支付</lp>
                <limg attr="24">img.wechat.png</limg>
            </item>
        </switch>
`,title:"经典款"},
        ]},{style:3,data:[
            {img:"img/ifagree.png",code:`<switch style="3" id="switch3"  text="你好" leftIcon="img.about.png" textsecond="second" >
        </switch>`,title:"经典款"},
        ]},

    ]);
</script>
<div class="author"><p>by-姜进</p></div>
</body>
</html>